<template>
  <view class="content">
    <!-- 选择规格 -->
    <view v-show="selectShow === 0" class="speccs" v-for="(item,index) in specilist" :key="index" @click="specclick(item)">
      {{item.name}}
    </view>
    <!-- 品牌 -->
    <view v-show="selectShow === 1" class="brands">
      <view v-show="historylistpp">
        <view class="headtext">
          最近使用
        </view>
        <view class="history">
          <view class="hisxbox" v-for="(item, index) in historylistpp" :key="index" @tap="searchBrand(item)">
            <view class="imgbrand">
              <image :src="'https://files.yzsheng.com/goodimg/brandimg/'+item.bid+'.png'" mode="aspectFit"></image>
            </view>
            <view class="histext">{{item.brand}}</view>
          </view>
        </view>
      </view>
      <page-loading :show="showPage">
        <scroll-view scroll-y="true" :class="historylistpp ? 'heightscroll' : 'heightscrollyb'" :scroll-into-view="addtoView">
          <view class="boxsds">
            <view v-for="(item, index) in Brandlist" :id="item.initial" :key="item.initial">
              <view class="abcd">
                {{item.initial}}
              </view>
              <view class="Brandcsss">
                <view class="list-cell" v-for="(item1, index1) in item.data" :key="index1">
                  <view class="brandcss" @tap="searchBrand(item1)">
                    <view class="iconimgs">
                      <image :src="'https://files.yzsheng.com/goodimg/brandimg/'+item1.bid+'.png'" mode="aspectFit"></image>
                    </view>
                    <view class="area">{{item1.brand}}</view>
                  </view>
                </view>
              </view>
            </view>
            <view class="floor">
              <view v-for="(item,index) in indexlist" :data-id="item" :key="index" @tap="addressToView">
                {{item}}
              </view>
            </view>
          </view>
        </scroll-view>
      </page-loading>
    </view>
    <!-- 系列 -->
    <view v-show="selectShow === 2" class="xilie">
      <page-loading :show="showPage2">
        <view class="ppbox">
          <view class="bjcolor" style="height: 220rpx;margin-top: 0px;">
            <view class="weyou">
              <view class="iconimg">
                <image :src="'https://files.yzsheng.com/goodimg/brandimg/'+bid+'.png'" mode="aspectFill"></image>
              </view>
              {{brand}}
            </view>
          </view>
          <view class="containepp">
            <view class="num">{{brand}}</view>
            <view class="bjcolor" style="padding: 0rpx 20rpx;height: 100%;margin-top: 0px;">
              <view class="list-cell" v-for="(item, index) in Serieslist" :key="index" @tap="seriesbtn(item)">
                <text class="name">{{item.carTypeName}}</text>
              </view>
            </view>
          </view>
        </view>
      </page-loading>
    </view>
    <!-- 车子 -->
    <view v-show="selectShow === 3" class="carname">
      <view class="ppbox1">
        <!-- 有数据 -->
        <!-- <scroll-view scroll-y="true" style="height: 92vh;" :scroll-into-view="CarsaddtoView"> -->
        <!-- <view class="huakuai"> -->
        <!-- picker选择器 strat -->
        <!-- <view class="bjcolor" id="sdf">
            <view class="carweyou">
              <view class="pzimg">
                <image src="https://files.yzsheng.com/bussiness/imgs/gundongbg.png" mode="aspectFill"></image>
              </view>
            </view>
          </view> -->
        <!-- <view class="contents" id="lala">
            <picker-view class="mpvue-picker-view" :id="'2020款'" v-if="visible" :indicator-style="indicatorStyle"
              @change="bindChange">
              <picker-view-column>
                <view class="item" v-for="(item,index) in Configurationlist" :key="index">
                  {{item.data}}
                </view>
              </picker-view-column>
            </picker-view>
          </view> -->
        <!-- picker选择器 end -->
        <!-- </view> -->
        <!-- <view style="height: 300rpx;"></view> -->
        <view class="containepps">
          <view v-for="(item, index) in Configurationlist" :id="item.data" :key="item.data">
            <view class="num" :id="'progrn'+index">{{item.data}}</view>
            <view class="bjcolor" style="padding: 0rpx 20rpx;margin-top: 0rpx">
              <view class="list-cell" v-for="(item1, index) in item.list" :key="index" @tap="Configbtn(item1)">
                <view class="name1">{{item1.name}}</view>
                <view class="name2">{{item1.factoryprice}}</view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>


<script src="./chooseSpecifications.js"></script>
<style lang="scss" scoped>
  @import './chooseSpecifications.scss';
</style>
